<template>
  <div class="member-item">
    <img :src="currMember.icon" alt="" class="icon">
    <div class="nickname" v-text="currMember.nickname"></div>
  </div>
</template>

<script>
export default {
  name: 'MemberItem',
  props:{
    currMember:Object
  }
}
</script>

<style scoped>
  .member-item{ width: 80px; height: 100px; display: inline-block; margin: 3px}
  .member-item>img{ width: 76px; height: 76px; padding: 2px; border: 1px solid #EEEEEE;}
  .member-item>.nickname{ height: 20px; line-height: 20px; font-size: 12px; text-align: center;}
</style>
